<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" th:href="@{/../../../../Ui/editor/css/editormd.preview.css}"/>
    <link th:replace="blog/common::head">
    <link rel="stylesheet" th:href="@{/admin/css/bc.css}">
    <title>博客详情</title>
    <style>
        a {
            text-decoration: none;
            color: #000000;
            transition: 0.2s;
        }

        a:hover {
            transform: scale(1.2);
            color: #ffb700;
        }

        a:hover span {
            display: block !important;
        }

        .aaa {
            color: #ff7700;
        }

        .bbb {
            float: right;
        }

    </style>

</head>
<body style="background-color:  rgb(250, 249, 222)">
<div th:include="blog/common::top"></div>
<div style="width: 100%;height: 60px"></div>
<div th:each="blog:${blogList}">
    <!--文章主体内容-->
    <div id="doc-content" style="width: 75%;margin: 0 auto">
        <textarea style="display:none;" placeholder="markdown" th:text="${blog.content}"></textarea>
    </div>
    <div class="row">
        <div class="col-xs-offset-10">
            <a th:href="@{/deleteBlog/}+${blog.getBCid()}" class="layui-btn layui-btn-radius layui-btn-danger">删除</a>
        </div>
    </div>
</div>
<script th:src="@{/../../../../Ui/editor/examples/js/jquery.min.js}"></script>
<script th:src="@{/../../../../Ui/editor/lib/marked.min.js}"></script>
<script th:src="@{/../../../../Ui/editor/lib/prettify.min.js}"></script>
<script th:src="@{/../../../../Ui/editor/lib/raphael.min.js}"></script>
<script th:src="@{/../../../../Ui/editor/lib/underscore.min.js}"></script>
<script th:src="@{/../../../../Ui/editor/lib/sequence-diagram.min.js}"></script>
<script th:src="@{/../../../../Ui/editor/lib/flowchart.min.js}"></script>
<script th:src="@{/../../../../Ui/editor/lib/jquery.flowchart.min.js}"></script>
<script th:src="@{/../../../../Ui/editor/editormd.min.js}"></script>
<script type="text/javascript">
    var testEditor;
    $(function () {
        testEditor = editormd.markdownToHTML("doc-content", {//注意：这里是上面DIV的id
            htmlDecode: "style,script,iframe",
            emoji: true,
            taskList: true,
            tocm: true,
            tex: true, // 默认不解析
            flowChart: true, // 默认不解析
            sequenceDiagram: true, // 默认不解析
            codeFold: true
        });
    });
</script>


</body>
</html>